<div class="row wrapper border-bottom white-bg page-heading">
    <div class="col-lg-10">
        <ol class="breadcrumb" style="padding-top: 15px;">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                log系统
            </li>
            <li class="active">
                <strong>log查询</strong>
            </li>
        </ol>
    </div>
    <div class="col-lg-2">
    </div>
</div>
<div ng-controller="LogCtrl" class="wrapper wrapper-content animated fadeInRight">
      <div class="row">
        <div class="col-lg-12">
          <div class="ibox float-e-margins">
            <div class="ibox-title">
              <h5>资金日志</h5>
            </div>
            <div class="ibox-content">
              <form class="form-inline" role="form" style="padding-bottom: 15px;">
                <div class="form-group" id="data_5">
                  <div class="input-daterange input-group" id="datepicker">
                    <input type="text" class="input form-control" name="start" ng-model="logForm.startDate" value="2016-01-03"/>
                    <span class="input-group-addon">至</span>
                    <input type="text" class="input form-control" name="end" ng-model="logForm.endDate"  value="2016-01-08" />
                  </div>
                </div>
                <div class="form-group">
                  <div class="input-group">
                    <select data-placeholder="选择状态..." class="chosen-select" style="width:120px;" tabindex="2" ng-model="logForm.logStatus">
                      <option value="">请选择状态</option>
                      <option value="0">正常</option>
                      <option value="1">警告</option>
                      <option value="2">错误</option>
                    </select>
                  </div>
                </div>
                <div class="form-group" style="padding-top: 10px;">
                  <label><input icheck type="checkbox" ng-model="logForm.check1" > 未处理 </label></label>
                  <label>
                  <div class="i-checks">
                    <label>
                      <input type="checkbox">
                      <i></i> 正常 </label>
                  </div>
                  </label>
                  <label>
                  <div class="i-checks">
                    <label>
                      <input type="checkbox">
                      <i></i> 已解决 </label>
                  </div>
                  </label>
                </div>
                <div class="form-group">
                    <select data-placeholder="选择状态..." class="form-control" style="width:120px;">
                      <option value="">请选择系统名称</option>
                      <option value="0">A系统</option>
                      <option value="1">C系统</option>
                      <option value="2">B系统</option>
                    </select>
                </div>
                <div class="form-group">
                    <select data-placeholder="选择状态..." class="form-control" style="width:120px;">
                      <option value="">请选择服务名称</option>
                      <option value="0">提现</option>
                      <option value="1">充值</option>
                      <option value="2">修改个人资料</option>
                    </select>
                </div>
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="流水号">
                </div>
                <div class="form-group">
                  <input type="text" class="form-control" placeholder="客户编号">
                </div><!-- 
                <div class="form-group">
                  <input type="text" class="form-control" id="exampleInputPassword2" ng-model="logForm.keyword" placeholder="关键字">
                </div> -->
                <button type="submit" style="margin-bottom: 0" class="btn btn-primary " ng-click="getData('search.json')">搜 索</button>
              </form>
              <div class="table-responsive">
                <table id="sample-table-2" class="table table-striped table-bordered table-hover" style="margin-bottom: 0">
                  <thead>
                    <tr>
                      <th>记录编号</th>
                      <th>系统名称</th>
                      <th class="hidden-480">服务名称</th>
                      <th> 请求时间 </th>
                      <th class="hidden-480">状态</th>
                      <th>操作</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr ng-repeat="item in data">
                      <td><a href="#" ui-sref="log.detial({id:{{item.id}}})"> {{item.id}} </a></td>
                      <td>{{item.sysName}}</td>
                      <td class="hidden-480">{{item.buziness}}</td>
                      <td>{{item.datetime}}</td>
                      <td class="hidden-480"><span class="label label-sm {{item.status | logerStatusClass}}" > {{item.status | logerStatus}} </span></td>
                      <td><a href="#" ui-sref="log.detial({id:{{item.id}}})" class="fa fa-search"></a><a data-toggle="modal" class="fa fa-pencil" href="#modal-form"></a> <a class="fa fa-trash"></a></td>
                    </tr>
                    
                  </tbody>
                </table>
              </div>
              <div class="row">
                <div class="col-sm-5">
                  <div class="dataTables_info" id="editable_info" role="status" aria-live="polite" style="margin-top: 15px;">显示{{pager.totalItems}}条记录中的{{(pager.currentPage-1)*10}}至{{(pager.currentPage)*10 > pager.totalItems ? pager.totalItems:(pager.currentPage)*10}}条记录</div>
                </div>
                <div class="col-sm-7">
                  <div align="right">
                    <uib-pagination total-items="pager.totalItems" ng-model="pager.currentPage" max-size="pager.maxSize" class="pagination-sm" boundary-links="true" rotate="false" ng-change="pageChanged()" num-pages="numPages"></uib-pagination>
                  
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>



<style type="text/css">.table .center{text-align: center;} table a.fa{font-size: 16px; color: #1ab394; font-size: 16px; margin:0 2px;}table a.fa:hover{opacity: 0.8}</style>
<script>
        $(function() {
            $('#data_5 .input-daterange').datepicker({
                format:'yyyy-mm-dd',
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true,
                //format:'yyyy-mm-dd'
            });

            $('.chosen-select').chosen({

            });

            $('.i-checks').iCheck({
                checkboxClass: 'icheckbox_square-green',
                radioClass: 'iradio_square-green',
                no_results_text:'没有找到',
                allow_single_deselect:'是否允许取消选择'
            });

            $('#commit-mdf').click(function(){
                swal({
                    title: "编辑成功！",
                    type: "success",
                    confirmButtonText:"确 定"

                },function(){
                    $('#modal-form').modal('hide');
                });
            });

            $('table a.fa-trash').on('click', function(){
                swal({
                  title: "确定删除吗?",
                  text: "将直接从记录中删除该条记录！",
                  type: "warning",
                  showCancelButton: true,
                  confirmButtonColor: "#DD6B55",
                  confirmButtonText: "删 除",
                  cancelButtonText: "取 消",
                  closeOnConfirm: false
                },
                function(){
                    swal("已删除！", "该条记录已经被删除", "success");
                });
            });


        });
    </script>
